@charset "utf-8";

@media (max-width:1500px){
  body{min-width: 320px;}
  .container{width: 1200px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -20px; width: 40px; height: 40px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1.125em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: -20px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: -20px !important;}
  
  .common-head .hd li{font-size: 1.3125em;}
  .menu-icons.break li a.link font{padding:0 24px;}
}


@media (max-width:1200px){
.container{width: auto; margin-right: 20px; margin-left: 20px;}	
.header{height: auto;}
.navbarbox {height: 80px;background-color: #035294;}
.navbarbox li.li01{width: 13%; height: 80px; line-height: 80px;}
.navbarbox li{width: 29%; line-height: 40px;}
.navbarbox li a span{background: none !important;padding-left: 0px;}
.navbarbox li a{text-align: center;font-size:1.125rem; color: #fff;}
.navbarbox li a::after{content: normal; display: none;}
.navbarbox li a::before{position: absolute; top:50%; right: 0; content: ""; height: 20px; width: 1px; margin-top: -10px; background-color: #fff;}
.navbarbox li.li04 a::before,
.navbarbox li.li07 a::before{display: none;}

.owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -18px; width: 36px; height: 36px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1.125em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: -18px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: -18px !important;}
  
  .menu-icons.break li a.link font{padding:0 20px;}
}

@media (max-width:1100px) {
	.yqljbox .hd{height: auto;}
	.yqljbox .hd ul li{width:50%;}
	.yqljbox .bd ul li{width:33.33%;}
	.yqljbox .hd ul li span{display: block; width: 180px; margin: 0 auto;}
	.yqljbox .hd ul li a{max-width: none; display: block; text-align: left;}
	.yqljbox .hd ul li a:before{right: 0;}
	.header .topbar{background-color: #1d5292;}
	.header{background: #fff;}
	.searchbox{width: 80%;}
	
	.menu-icons.break li a.link font{padding:0 14px;}
}
@media (max-width: 1023px){
  body{font-size: 15px;}
  .container{margin-right: 15px; margin-left: 15px;}
  .fullscreen{margin-right: 0; margin-left: 0;}
  .common-row{margin: 0 !important;}
  .common-row .grid{margin-right:0 !important; margin-left:0 !important;}
  .common-row>*{float: none; width: auto !important;}
  .common-row{margin-top: 0; margin-bottom: 0;}
  .mt{margin-top: 15px;}
  .mb{margin-bottom: 15px;}
  .margins{margin-top: 15px; margin-bottom: 15px;}
  .mb15{margin-bottom: 10px;}
  .entirebox{padding: 15px;}
  
  .menu-icons{margin-top: -15px; margin-right: -7px; margin-left: -8px;}
  .menu-icons li a{margin: 15px 7px 0 8px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev {left: 10px !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next {right: 10px !important;}
  .js-tab .js-bd .item + .item{margin-top: 15px;}
  
  .imageList ul{margin: -15px -7px 0 -8px;}
  .imageList ul li a{margin: 15px 7px 0 8px;}
  .imageList ul li{width: 33.33333% !important;}
  
  .layui-forms-layout .layui-forms-item{margin-bottom: 15px;}
  .layui-forms-layout dl dd div{margin-bottom: 15px;}
  
  .menu-icons.break li a.link font{padding:0 10px;}
}

@media (max-width:991px){
.footer .footer_grid{padding:30px 0px; text-align: center;}	
.footer .footer_grid .biaoshi{position: inherit;width: auto;margin-top: 10px;}
.pc_logo{display: none;}
.m_logo{display: block; margin: 0 auto;}

.menu-icons{margin-top: -10px !important; margin-right: -5px !important; margin-left: -5px !important;}
.menu-icons li a{margin: 10px 5px 0 5px !important;}
.menu-icons.col-m-fixed li{width: 33.33333%!important;}

.menu-icons.break li a.link font{padding:0 12px;}

.header .topbar{height: auto;}
}

@media (max-width:768px){
  body{font-size: 14px;}
.infor_header .logo{padding-top: 50px;}
.header .topbar dl{position:relative; overflow:inherit;}
.header .topbar dd.header-choose-menu{position:absolute; top:40px; right:0; left:0; z-index:999; width:100%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2); border: none;}
.header .topbar dd.header-choose-menu ul li{float:none; border-bottom:1px solid rgba(225,225,225,.3);}
.header .topbar dd.header-choose-menu ul li.split{display:none;}
.header .topbar dd.header-choose-menu ul li a{color:#333;}
.header .topbar dd.header-choose-menu ul li a:hover{color:#4292f3;}
.header .topbar dd.header-choose-menu ul li img{display:none;}
.header .topbar dd.header-choose-menu ul li font{display:inline-block;}
.header .topbar dd#header-choose-toggle{opacity:0; max-height:0; overflow:hidden;}
.header .topbar dd#header-choose-toggle.header-choose-menu-m{opacity:100; max-height:205px; transition:all .5s; }
.header .topbar dd span,.header .topbar dd span a{color: #333; display: block;}
.header .topbar dd span.slh a{color: #fff; }
.header .topbar a:hover{color: #1d5292;}
.header .topbar dd{margin-right: 25px;}
.header .topbar dd+dd{margin-right: 0;}
.header-choose-btn{position:absolute; top:11px; right:10px; z-index:9; display:block;}
.header-choose-btn div{position:relative; width:28px; height:18px; cursor:pointer;}
.header-choose-btn span{display:block; position:absolute; left:0; width:100%; height:20%; background:#fff; transition:all .3s; -webkit-transform:translateY(-50%);  -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-choose-btn span:nth-child(1){top:0;}
.header-choose-btn span:nth-child(2){top:50%;}
.header-choose-btn span:nth-child(3){top:100%;}
.header-choose-opened .header-choose-btn span:nth-child(1){
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
}
.header-choose-opened .header-choose-btn span:nth-child(2) {
		-webkit-transform: translateY(-50%) scaleX(0);
		-ms-transform: translateY(-50%) scaleX(0);
		transform: translateY(-50%) scaleX(0);
}
.header-choose-opened .header-choose-btn span:nth-child(3) {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
}
.yqljbox .bd ul li{width: 50%;}

  
  .js-tab .js-head{display: none;}
  .js-tab .js-bd .item{display: block !important;}
  .js-tab .js-bd .item .common-head{display: block;}
  .common-head .common-more{display:none;}
  .m-common-more{display:block;}
  .menu-icons.col-m-6 li{width: 33.33333%;}	
  .menu-icons.col-m-fixed li{width: 50% !important;}
  .pagediv li.page_index{display: none;}
  
  .layui-forms-layout .layui-forms-item.col4{width: 100%;}
  .layui-forms-layout .layui-forms-item.col6{width: 100%;}
  
  .menu-icons.break li a.link font{padding:0;}
}

@media (max-width:680px){
	
  .imageList ul li{width:50% !important;}
  
  .mark-box{padding: 25px;}
  .mark-box i{width: 35px; height: 30px;}
  
  .zwgk-zdly .menu-icons.col-m-6 li{width:20px;}
}

@media (max-width:640px){
.footer .footer_grid .menu a{margin:0;}	

  .common-head .menu1.format{float: none; margin-left: -1px;}
  .common-head .menu1.format li{width: 25%;}
  .common-head .menu1.format li span{padding: .3125em 0; background-color: #fafafa; margin-top: 1px; margin-left: 1px;}
  .common-head .menu1.format li.on span:before{content: normal;}
  .common-head .menu1.format li.on span:after{content: normal;}
  .common-head .menu1.format li.on span{color: #fff; background-color: #1d5292;}
  .common-head .menu1.format li.on span a{color: #fff;}
  
  .owl-carousel.owlcarousel-common .owl-nav > div{margin-top: -30px; width: 30px; height: 60px;}
  .owl-carousel.owlcarousel-common .owl-nav > div i{font-size: 1.75em;}
  .owl-carousel.owlcarousel-common .owl-nav > div.owl-prev{border-top-right-radius: 70px; border-bottom-right-radius: 70px;}
  .owl-carousel.owlcarousel-common .owl-nav > div.owl-next{border-top-left-radius: 70px; border-bottom-left-radius: 70px;}
  
  .owl-carousel.owlcarousel-arrow .owl-nav > div{margin-top: -15px; width: 30px; height: 30px; background: none !important;box-shadow: none !important; border: none;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div i{font-size: 1em;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev{left: 0 !important;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next{right: 0 !important;}
}


@media (max-width: 450px){
  .yqljbox{padding-top: 0; padding-bottom: 0;}
  .yqljbox .container{margin-right: 0; margin-left: 0;}
  .yqljbox .hd ul li{width: 100%;}
  .yqljbox .hd ul li span{width: auto; padding-right: 15px; padding-left: 15px;}
  .yqljbox .hd ul li.hs.on span{background-color: #d9d9d9;}
  .yqljbox .bd ul{padding: 15px; background-color: #d9d9d9;}
  
  .infoList li h4{padding-right:0 !important;}
  .infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
  .infoList li h4 .time{position:static !important;}
  
  .imageList ul li a .txt.normal{display: block; height: auto;}
  .imageList ul li a .txt.normal span{display: block; height: auto;}
  .imageList ul li a .txt.normal span font{white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow: hidden; max-width: 100%;}
  
  .common-head .menu1.format li{width: 50%;}
  
  .layui-forms-layout.format{margin-right: 0; margin-left: 0;}
  .layui-forms-layout.format .layui-forms-item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #e6e6e6}
  .layui-forms-layout.format .layui-forms-block{margin-right: 0; margin-left: 0;}
  .layui-forms-layout.format .layui-forms-label{position: static; display: block; text-align: left; margin: 0; width: auto !important; background-color: transparent; border-left: none;}
  .layui-forms-layout.format .layui-forms-label .table{position: static; margin-top: 0; display: block; margin-bottom: 10px;}
  .layui-forms-layout.format .layui-forms-label .table .inline{display: block;}
  .layui-forms-layout.format .layui-forms-label .table .inline span{margin: 0; font-weight: bold; text-align: left;}
  .layui-forms-layout.format .layui-forms-label .table .inline span br{display: none;}
  .layui-forms-layout.format .layui-input-block{margin: 0 !important; padding: 0 !important; border-left: none;}
  .header .topbar dt{display: none;}
}

@media (max-width: 414px) {
  .yqljbox .bd ul li{width: 100%;}
}

@media (max-width: 360px){
  .menu-icons.col-m-fixed li{width: 100% !important;}
}


/* 关怀版 */
@media (max-width: 1200px) {
  body.older .m-sidebar{left:-300px; width:300px!important;}
  body.older .m-sidebar.active{left: 0;}
  body.older .header .topbar dd span{display: none;}
  body.older .header .topbar dd span#user{display: block;}
}

@media (max-width: 992px) {
  body.older .m_logo{height: 90px; }
  body.older .searchbox{width: 100%;}
}

@media (max-width: 768px) {
  body.older{font-size: 20px; Letter-spacing:0;}
  body.older .pt40{padding-top: 25px !important;}
  body.older .mb40{margin-bottom: 25px !important;}
}
@media (max-width: 768px) {
  body.older .tab-brief > .hd li + li{margin-left: 5px;}
  body.older .navbarbox > .container{margin:0 5px;}
  body.older .navbarbox li a{font-size: 1.3em;}
}
@media (max-width: 640px) {
  body.older .m_logo{height: auto; width: 100%;}
}
